@charset "utf-8";
/* 你自己的样式 */
html, body {
	height: 100%; /*设置html和body的width和height为100%，可使全屏生效*/
	width: 100%;
	margin: 0px; /*设置上下左右的相对位置为0，可避免超出范围出现滚动条*/
}
.footer {
	height: 5%;
	width: 100%;
	text-align: center;
}
.animated_div
	{
	background:#92B901;
	color:#ffffff;
	font-weight:bold;
	font:12px '微软雅黑', Verdana, Arial, Helvetica, sans-serif;
	padding:10px 10px 0px 10px;
	float:left;
	margin:5px,5px,5px,5px;
	-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
	-webkit-border-radius:5px;
	-o-transition-property:width,height,-o-transform,background,font-size,opacity;
	-o-transition-duration:1s,1s,1s,1s,1s,1s;
	-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
	-moz-transition-duration:1s,1s,1s,1s,1s,1s;
	transition-property:width,height,transform,background,font-size,opacity;
	transition-duration:1s,1s,1s,1s,1s,1s;
	border-radius:45px;
	}

.animated_div:hover
	{
	-moz-transform: scale3d(1,1,1);
	-webkit-transform: scale3d(1,1,1);
	-o-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	background:#1ec7e6;
	font-size:16px;
	}

div,ul,li,.menu,nav {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}



.clearfix {
	clear: both;
}
.wrap {
	margin: auto;
}
nav {
	padding: 0px 10px; border-radius: 6px; position: relative; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4); background-image: linear-gradient(rgb(255, 255, 255), rgb(204, 204, 204));
}
.menu li {
	list-style-type: none; float: left; position: relative;
}
.menu li a {
	margin: 8px; padding: 6px 12px; color: rgb(68, 68, 68); line-height: 20px; font-size: 14px; text-decoration: none; vertical-align: middle; display: block;
}
.menu li a:hover {
	border-radius: 12px; color: rgb(34, 34, 34); box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1); background-image: linear-gradient(rgb(237, 237, 237), rgb(255, 255, 255));
}
.menu ul {
	list-style: none; transition:opacity 1s; left: -9999px; position: absolute; opacity: 0;
}
.menu ul li {
	float: none;
}
.menu ul a {
	white-space: nowrap;
}
.menu li:hover ul {
	background: rgba(255, 255, 255, 0.7); border-radius: 0px 0px 6px 6px; left: 5px; opacity: 1; box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
}
.menu li:hover a {
	border-radius: 12px; color: rgb(34, 34, 34); box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1); background-image: linear-gradient(rgb(204, 204, 204), rgb(237, 237, 237));
}
.menu li:hover ul a {
	background: none; border-radius: 0px; box-shadow: none;
}
.menu li:hover ul li a:hover {
	border-radius: 12px; box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3); background-image: linear-gradient(rgb(237, 237, 237), rgb(255, 255, 255));
}

button {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 18px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	border-radius: 100px
}

/* --> 手风琴样式 */

/* 手风琴样式<--  */